<template>
	<div class="bg-white">
		<Form :label-width="80">
			<Row>
				<Col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" :xxl="12">
					<FormItem class="w-50" label="门禁编号">
						<Input v-model="menjin.mjid" disabled></Input>
					</FormItem>
					
					<FormItem class="w-50" label="门禁设备ID">
						<Input v-model="menjin.u_id" disabled></Input>
					</FormItem>
					
					<FormItem class="w-50" label="所属房间">
						<Input v-model="menjin.rname" disabled></Input>
					</FormItem>
					
					<FormItem class="w-50" label="型号">
						<Input v-model="menjin.model_number" disabled></Input>
					</FormItem>
				
					<FormItem class="w-50" label="门禁授权KEY">
						<Input v-model="menjin.u_key" disabled></Input>
					</FormItem>
					
				
					<FormItem class="w-50" label="门禁设备序列号">
						<Input v-model="menjin.sn" disabled></Input>
					</FormItem>
			
					
					<FormItem class="w-50" label="门禁状态">
						<Input v-model="menjin.statu" disabled></Input>
					</FormItem>
					
					<div class="p-1 d-flex justify-content-end">
					  <Button class="text-xss ml-2" type="primary" size="small" @click="NewMenJin()">新增门禁</Button>
					</div>

				</Col>
			</Row>
		</Form>
	
	</div>
</template>

<script>
	export default {
		data() {
			return {
				menjin: {
					mjid: "1",
					u_id: "2",
					rname: "qqq",
					model_number: "121212",
					u_key: 32312,
					sn: "2121",
					statu: "222",
				},
			}
		},
	methods:{
		NewMenJin:function(){
			this.$router.detail.open({name: "mj_new"})
		}
		
	}
		}
</script>

<style>
</style>